<!DOCTYPE html>
<head xmlns:v-bind="http://www.w3.org/1999/xhtml" >
    <meta charset="UTF-8">
    <title>demo10样式绑定-内联样式</title>
  <script src="./js/vue.min.js"></script>

</head>

<body>
   <div id="app">
      <div   v-bind:style="{ color: activeColor, fontSize: fontSize + 'px'}">菜鸟教程</div>
   </div>

</body>
<script type="application/javascript">
  var vm = new Vue({
    el: "#app",
    data: {
      activeColor: 'green',
      fontSize: 30
    }

  });

</script>
</html>
